<template>
    <div>
        <van-tabbar v-model="active">
    <van-tabbar-item to="/" name="home" icon="home-o">首页</van-tabbar-item>
    <van-tabbar-item to="/fl" name="find" icon="search" dot>分类</van-tabbar-item>
    <van-tabbar-item to="/com" name="com" icon="friends-o" badge="5">社区</van-tabbar-item>
    <van-tabbar-item to="/me"  name="me" icon="manager-o">个人中心</van-tabbar-item>
  </van-tabbar>
    </div>
</template>
<script>
export default {
 name:'TabBar',
 data() {
     return {
         active:'home'
     }
 },

}
</script>